<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="/site_media/layout.css" rel="stylesheet"
    type="text/css" media="screen" />
    <link rel="shortcut icon" href="/site_media/logo/webicon.ico" type="image/x-icon" media="screen" />
    <title>Bin's Blog - {% block maxims %}{% endblock %} - www.pieceup.cn</title>
  </head>

  
  <body id={% block pageSetting %}{% endblock %}>
    <!-- wrapperIndexPage -->
    <div id="wrapperIndexPage">

      <!-- header -->
      <div id="header">
	
	<!-- logo -->
	<div id="logo">
	  <h2>Bin的博客</h2>
	  <h6>水光潋滟晴方好，山色空蒙雨亦奇</h6>
	</div>
	<!-- /logo -->

	<!-- mainNav -->
	<div id="mainNav">
	  <ul id="mainNavList">
	    <li class="mainNavHomepage"><a href="/blog/">主页</a></li>
	    <li class="mainNavMyPhoto"><a href="#">相册</a></li>
	    <li class="mainNavContactMe"><a href="/blog/message/">留言</a></li>
	    <li class="mainNavAboutMe"><a href="/blog/aboutme/">关于</a></li>
	  </ul>
	  <div style="clear: both"></div>
	</div>
	<!-- /mainNav -->
	

	<!-- subNav -->
	<div id="subNav">
	  <ul id="subNavList">
	    <!-- 次要导航条模块 -->
	    {% block category %}
	    
            {% endblock %}
	  </ul>
	  <div style="clear: both"></div>
	</div>
	<!-- /subNav -->

      </div>
      <!-- /mainNav -->

      <!-- wrapperMain -->
      <div id="wrapperMain">
	
	<!-- content -->
        <div id="content">

	  <!-- wrapperContent -->
	  <div id="wrapperContent">

	    <!-- mainContent -->
	    <div id="mainContent">
    	    <!-- 内容模块 -->
	    {% block content %}

	    {% endblock %}
	    </div>
	    <!-- /mainContent -->


	    
	    <!-- secondaryContent -->
	    <div id="secondaryContent">
	      
	    </div>
	    <!-- /secondaryContent -->
	    
	  </div>
	  <!-- /wrapperContent -->
	  
	  <!-- contentNav -->
	  <div id="contentNav">
	    <!-- 照片 -->
	    <div id="titlePic">
	      <a href={% block photourl %}{% endblock %}><img src={% block photo %}{% endblock %} border="0" alt="Front page" width="274" height="206"/></a>
	    </div>

	    <!-- latestPost -->
	    <div id="latestPost">
	      <!-- 最新添加 -->
	      {% block latestPost %}

	      {% endblock %}
	    </div>

	    <!-- player -->
	    <div id="player">
    	      <p id='preview'>The player will show in this paragraph</p>
              <script type='text/javascript' src='/site_media/player/swfobject.js'></script>
              <script type='text/javascript'>
                var s1 = new SWFObject('/site_media/player/player.swf','player','274','450','9');
                s1.addParam('allowfullscreen','false');
                s1.addParam('allowscriptaccess','always');
		s1.addParam('wmode','opaque');
                s1.addParam('flashvars','file=/site_media/player/playlist.xml&playlist=bottom&shuffle=true&repeat=list&lightcolor=000000&frontcolor=666666&backcolor=ffffff&playlistsize=245');
                s1.write('preview');
              </script>
	    </div>
	    <!-- /player -->

	    <!-- comments -->
	    <div id="comments">
	      <!-- 最新评论 -->
	      {% block comments %}
	      
	      {% endblock %}
	    </div>
	    <!-- /comments -->
	    
	    <!-- category -->
	    <div id="category">
	      <!-- 分类收藏 -->
	      {% block subCategory %}

	      {% endblock %}
	    </div>
            <!-- /category -->

	    <!-- link -->
	    <div id="link">
	      <!-- 我的链接 -->
	      {% block myLink %}
	      
	      {% endblock %}
	      
	    </div>
	    <!-- /link -->

	    

	    
	  </div>
	  <!-- /contentNav -->
	  
	</div>
	<!-- /content -->
	
	<div style="clear: both"></div>
      </div>
      <!-- /wrapperMain -->
      
    </div>
    <!-- ／wrapperIndexMain -->
    

    <!-- footer -->
    <div id="footer">
      &copy; Copyright 2008 Bin Some Rights Reserved.
      <br/>
      Designed by <b>Chenbin</b>...
      <br/>
      <br/>
      <!-- poweredby -->
      <div id="poweredby">
	<span>
	<a href="http://www.python.org">
	  <img src="/site_media/logo/python-powered.png" class=""
	  alt="Powered by Python" title="Powered by Python"
	  border="0"/></a>
	</span>
	<span>
	<a href="http://www.djangoproject.com">
	  <img src="/site_media/logo/djangopowered126x54.gif" class=""
	  alt="Powered by Django" title="Powered by Django"
	  border="0"/></a>
	</span>
	<span>
	<a href="http://www.mysql.org">
	  <img src="/site_media/logo/mysql.png" class="" alt="Powered
	  by mysql" title="Powered by mysql" border="0"/></a>
	</span>
      </div>
      <!-- /poweredby -->
    </div>
    <!-- /footer -->




  </body>
</html>
